<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="shortcut icon" href="style/images/favicon.png">
        <title>Frost</title>
        <!-- Bootstrap core CSS -->
        <link href="style/css/bootstrap.css" rel="stylesheet">
        <link href="style/css/settings.css" rel="stylesheet">
        <link href="style/css/owl.carousel.css" rel="stylesheet">
        <link href="style/js/google-code-prettify/prettify.css" rel="stylesheet">
        <link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
        <link href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
        <link href="style.css" rel="stylesheet">
        <link href="style/css/color/blue.css" rel="stylesheet">
        <link href='http://fonts.useso.com/css?family=Josefin+Sans:400,600,700,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.useso.com/css?family=Raleway:400,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
        <link href='http://fonts.useso.com/css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
        <link href="style/type/fontello.css" rel="stylesheet">
        <link href="style/type/budicons.css" rel="stylesheet">
        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
        <script src="style/js/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="body-wrapper">
            <div class="navbar default">
                <div class="navbar-header">
                    <div class="container">
                        <div class="basic-wrapper">
                            <a class="btn responsive-menu pull-right" data-toggle="collapse" data-target=".navbar-collapse"><i class='icon-menu-1'></i></a><a class="navbar-brand" href="index.html"><img src="style/images/logo.png" alt="" data-src="style/images/logo.png" data-ret="style/images/logo@2x.png" class="retina" /></a>
                        </div>
                    </div>
                </div>
                <!--/.nav-collapse -->
            </div>
            <!--/.navbar -->
            <div id="home" class="section">

                <div class="light-wrapper">
                    <div class="fullscreenbanner-container revolution">
                        <div class="fullscreenbanner">
                            <ul>
                                <li data-transition="fade">
                                    <img src="style/images/art/slider-bg1.jpg" alt="" />
                                    <div class="caption large sfb" data-x="center" data-y="245" data-speed="900" data-start="800" data-easing="Sine.easeOut">
                                        Hello We're Frost
                                    </div>
                                    <div class="caption small sfb" data-x="center" data-y="319" data-speed="900" data-start="1500" data-easing="Sine.easeOut">
                                        A digital & branding agency based in neverland
                                    </div>
                                    <div class="caption small sfb" data-x="center" data-y="362" data-speed="900" data-start="2200" data-easing="Sine.easeOut">
                                        <div class="smooth">
                                            <a href="#portfolio" class="btn btn-border">See Our Projects</a>
                                        </div>
                                    </div>
                                </li>
                                <li data-transition="fade">
                                    <img src="style/images/art/slider-bg2.jpg" alt="" />
                                    <div class="caption large customin customout" data-x="center" data-y="255" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                    data-speed="600"
                                    data-start="700"
                                    data-easing="Back.easeOut"
                                    data-endspeed="300"
                                    data-endeasing="Power1.easeIn">
                                        Frost is a creative team
                                    </div>
                                    <div class="caption small customin customout" data-x="center" data-y="329" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                    data-speed="600"
                                    data-start="1100"
                                    data-easing="Back.easeOut"
                                    data-endspeed="300"
                                    data-endeasing="Power1.easeIn">
                                        Specializing in branding, motion video & mobile applications
                                    </div>
                                </li>
                                <li data-transition="fade">
                                    <img src="style/images/art/slider-bg3.jpg" alt="" />
                                    <div class="caption large lite sfb" data-x="center" data-y="245" data-speed="900" data-start="800" data-easing="Sine.easeOut">
                                        Your needs are important
                                    </div>
                                    <div class="caption small lite sfb" data-x="center" data-y="319"  data-speed="900" data-start="1500" data-easing="Sine.easeOut">
                                        Because great design comes with understanding customer needs
                                    </div>
                                    <div class="caption small sfb" data-x="center" data-y="362" data-speed="900" data-start="2200" data-easing="Sine.easeOut">
                                        <div class="smooth">
                                            <a href="#contact" class="btn btn-border-lite">Get in Touch</a>
                                        </div>
                                    </div>
                                </li>
                                <li data-transition="fade">
                                    <img src="style/images/art/slider-bg2.jpg" alt="" />
                                    <div class="caption large customin customout" data-x="center" data-y="255" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                    data-speed="600"
                                    data-start="700"
                                    data-easing="Back.easeOut"
                                    data-endspeed="300"
                                    data-endeasing="Power1.easeIn">
                                        Frost is a creative team
                                    </div>
                                    <div class="caption small customin customout" data-x="center" data-y="329" data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
                                    data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                    data-speed="600"
                                    data-start="1100"
                                    data-easing="Back.easeOut"
                                    data-endspeed="300"
                                    data-endeasing="Power1.easeIn">
                                        Specializing in branding, motion video & mobile applications
                                    </div>
                                </li>
                                <li data-transition="fade">
                                    <img src="style/images/art/slider-bg1.jpg" alt="" />
                                    <div class="caption large sfb" data-x="center" data-y="245" data-speed="900" data-start="800" data-easing="Sine.easeOut">
                                        亲爱的，生日快乐！
                                    </div>
                                    <div class="caption small sfb" data-x="center" data-y="362" data-speed="900" data-start="2200" data-easing="Sine.easeOut">
                                        <div class="smooth">
                                            <a href="http://item.jd.com/1225393912.html" class="btn btn-border">点击查看生日礼物</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div class="tp-bannertimer tp-bottom"></div>
                        </div>
                        <!-- /.fullscreenbanner -->
                    </div>
                    <!-- /.fullscreenbanner-container -->
                </div>
            </div>

            <!-- .body-wrapper -->
            <script src="style/js/jquery.min.js"></script>
            <script src="style/js/bootstrap.min.js"></script>
            <script src="style/js/twitter-bootstrap-hover-dropdown.min.js"></script>
            <script src="style/js/jquery.themepunch.plugins.min.js"></script>
            <script src="style/js/jquery.themepunch.revolution.min.js"></script>
            <script src="style/js/jquery.easytabs.min.js"></script>
            <script src="style/js/owl.carousel.min.js"></script>
            <script src="style/js/jquery.isotope.min.js"></script>
            <script src="style/js/jquery.fitvids.js"></script>
            <script src="style/js/jquery.fancybox.pack.js"></script>
            <script src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
            <script src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
            <script src="style/js/jquery.slickforms.js"></script>
            <script src="style/js/instafeed.min.js"></script>
            <script src="style/js/retina.js"></script>
            <script src="style/js/google-code-prettify/prettify.js"></script>
            <script src="style/js/scripts.js"></script>
    </body>
</html>